<template>
    <div style="background:#fff;">
        <Backview title="客户评价" lable="Customer Evaluation"/>
        <div class="evaluate_wrap">
            <p class="address_wrap">您的位置：<b>首页 > </b><b> 客户评价</b></p>
            <p class="zhu">注：该评论选自优质客户评论</p>
            <div class="news_wrap_box" v-for="(item,index) in cardData">
                <div class="piv_wrap">
                    <img :src="item.pic" alt="">
                </div>
                <div>
                    <p>用户：{{item.title}}</p>
                    <p>评价：{{item.lable}}</p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import Backview from '../components/detailBack.vue'
export default {
    name: 'HoneyEvaluate',

    data() {
        return {
            cardData:[
                {
                    pic:require('../assets/pixxc/pic1.jpg'),
                    title:'花子占爷',
                    lable:"蜂蜜是正品，到货后特地用方法测试了一下，泡沫很明显，尝了一口，味道也很纯正品无疑了，况且这么实惠的价格这么一大桶，在办公室里就情不自禁的开心起来，好评！天气逐渐炎热，买桶蜂蜜放在办公室里冲茶喝，甜甜的很不错。这家店量足口感正宗，蜂蜜的品质是有保障的，我们办公室的人都说好！"
                },
                {
                    pic:require('../assets/pixxc/pic2.jpg'),
                    title:"随性已惯",
                    lable:"发货及时运输质量有待提高，收货箱子破损，打开箱子漏的到处都是，包装简单不牢固导致，除了简劣纸箱里边就一层气泡膜，不求多豪华包装但是牢固能保护好产品就行，无形中也降低了产品的档次品质，习惯好评吧。物流很到位，收到货后外包装很完好，蜂蜜的色泽和我之前在农村买的土蜂蜜颜色一样，尝了一口甜而不腻，而且味道纯正，是真蜂蜜无疑了！"
                },
                {
                    pic:require('../assets/pixxc/pic3.jpg'),
                    title:"恻隐",
                    lable:"每次收货都是非常愉快的，可是只要一想到还要给评价，头就大了。幸好万能的网友总结出来一套通用的网购模板，如果你是想看评论决定买不买这个宝贝，你可以打住了。因为我说的你不一定信，但是我自己却坚定不移的要给好评，为啥呢我来评价下这个宝贝，价格不错，质量不错，快递不错，老板不错。"
                },
                {
                    pic:require('../assets/pixxc/pic4.jpg'),
                    title:"不必在乎太多",
                    lable:"拿到宝贝了，入手沉甸甸的量超足，而且颜色如琥珀，如嘴软糯甘甜，正宗的土蜂蜜，我眼光很不错嘿嘿，是一次不错的购物体验。太棒啦！商家物流很快而且已经是第二购买了，第一次买的还剩一点，马上就不够了，认准咱家的牌子是因为量足且实惠，每天一杯蜂蜜水，对身体健康还有好处，好评！"
                },
                {
                    pic:require('../assets/pixxc/pic5.jpg'),
                    title:"眼角落樱花",
                    lable:"已经是第二次购买咱家的了哈，之前买的一桶很快就喝完了，而且家里老人小孩都很喜欢喝，这次直接入手两大瓶，满满的超实惠！之前听老家偏方说喝蜂蜜可以治疗便秘以及睡眠不足，在这家之前买了一小瓶尝了尝发现确实好效果也不错，直接买3瓶，送人！让大家都来尝尝，好东西就要一起分享，"
                },
                {
                    pic:require('../assets/pixxc/pic6.jpg'),
                    title:"烈性枭雄",
                    lable:"这瓶快喝完了，这已经是十几瓶了，老板家的蜂蜜口感很好，价格很实惠，我还用它泡柠檬，大家可以放心买，祝老板生意兴隆蜂蜜收到了，收到就打开吃了一些。很纯很正。蜂蜜的功效好处多，适合所有人吃，日期新鲜，大瓶的价格还实惠。下次还会购买。"
                },
                {
                    pic:require('../assets/pixxc/pic7.jpg'),
                    title:'「白茶清欢」',
                    lable:"今天刚到的，打开尝了一口，是记忆中的味道，接着又泡水喝了一杯，刚喝一口我就觉得是真蜂蜜，因为我小时候其实是讨厌这种味道的，哈哈，对于讨厌的味道总是很敏感呢，比如不喜欢香菜的人吃到一丁点香菜就能分辨的出。给店家点个赞，加油！希望不忘初心！"
                },
                {
                    pic:require('../assets/pixxc/pic8.jpg'),
                    title:'劳资就是屌',
                    lable:"打开就能闻到丝丝花香的味道，蜂蜜绵密，从瓶口处的小气泡也能看出来品质没问题，直接吃了一口，甜而不腻。确实很不错！"
                }
            ]
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
    components:{
        Backview
    }
};
</script>

<style lang="scss" scoped>
.evaluate_wrap{
    width: 1170px;
    height: auto;
    margin: 0 auto;
    .address_wrap{
        margin: 50px 0;
        font-size: 20px;
        >b{
            color: rgb(63, 139, 240);
            cursor: pointer;
        }
    }
    .news_wrap_box {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin: 0 auto 80px auto;
            width: 100%;
            height: 300px;
            background: #FFFFFF;
            border-radius: 20px;
            padding: 20px 40px;
            box-sizing: border-box;
            box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.02);
            transition: 0.2s all;
            .piv_wrap{
                >img{
                    width: 250px;
                    height: auto;
                    border-radius: 5px;
                }
            }
            >div{
                margin-left: 50px;
                >p{
                    margin-bottom:10px ;
                }
                >p:nth-child(1){
                    color: #3e3a39;
                    font-weight: 400;
                    font-size: 18px;
                }
                >p:nth-child(2){
                    color: #898989;
                    font-weight: 400;
                    font-size: 14px;
                }
                >p:nth-child(3){
                    color: #666666;
                    font-weight: 400;
                    font-size: 14px;
                    margin-bottom: 25px;

                }
                >span:nth-child(4){
                    padding: 10px 20px;
                    background-color: #556af5;
                    border-radius: 8px;
                    color: #ffffff;
                    font-weight: 400;
                    cursor: pointer;
                }
            }
        }
        .news_wrap_box:hover{
            transform: translateY(-3px);
            box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.05);
        }
}
.zhu{
    margin: 10px 0;
    color: #666;
}
</style>